@charset "utf-8";
@import "common/reset";
@function p($px){
    @return $px/2+px;
}
.mobile{
    header{
        overflow: hidden;
        .back{
            float:left;
            input{
                width:p(123);
                height:p(56);
                border:p(2) solid #ff9344;
                border-radius: p(22);
                background:white;
                margin-left:p(23);
                margin-top:p(45);
                font-weight: bold;
                font-size:p(26);
            }
        }
        .sel{
            float:right;
            margin-top:p(47);
            margin-right:p(21);
            width:p(62);
            height:p(56);
            img{
                width:100%;
            }
        }
        .fenlei{
            text-align: center;
            margin-top:p(58);
        }
    }
    section{
        margin-top:p(20);
        margin-bottom:79px;
        .touxiang{
            overflow: hidden;
            .touxiang1{
                margin-left:p(24);
                float:left;
                width:p(170);
                height:p(170);
                img{
                    width:100%;
                }
            }
        }
        .youjiantou{
            float:right;
            margin-top:p(83);
            margin-right:p(22);
            width:p(41);
            height:p(46);
            img{
                width:100%;
            }
        }
        .denglu{
            margin-left:p(217);
            margin-top:p(34);
            div{
                margin-bottom:p(22);
                h3{
                    font-size:p(30);
                }
                p{
                    font-size:p(26);
                    color:#9d9d9d;
                }
            }
        }
        .title_top{
            overflow: hidden;
            margin-left:p(20);
            margin-right:p(20);
            margin-top:p(25);
            .title_top_left{
                float:left;
                width:p(195);
                height:p(151);
                img{
                    width:100%;
                }
            }
            .title_top_right{
                float:right;
                width:p(195);
                height:p(151);
                img{
                    width:100%;
                }
            }
            .title_top_center{
                width:p(195);
                height:p(151);
                margin:0 auto;
                img{
                    width:100%;
                }
            }
        }
        .title{
            overflow: hidden;
//          margin-top:p(15);
            .titleL{
                width:p(300);
                height:p(60);
                float:left;
                margin-top:p(21);
                margin-left:p(21);
                div{
                    float:left;
                }
                .flower{
                    img{
                        width:p(84);
                        height:p(59);
                        vertical-align: middle;
                    }
                }
                .tit1{
                    width:p(57);
                    height:p(74);
                    img{
                        width:100%;
                    }
                }
                .tit2{
                    width:p(71);
                    height:p(74);
                    img{
                        width:100%;
                    }
                }
                .tit3{
                    width:p(94);
                    height:p(58);
                    img{
                        width:100%;
                    }
                }
                .tit4{
                    width:p(59);
                    height:p(59);
                    img{
                        width:100%;
                    }
                }
                .tit5{
                    width:p(79);
                    height:p(79);
                    img{
                        width:100%;
                    }
                }
                .youhui{
                    vertical-align: middle;
                    line-height:p(60);
                    margin-left:p(8);
                    h4{
                        font-size:p(30);
                        
                    }
                }
            }
            .titleR{
                width:p(82);
                height:p(60);
                float:right;
                margin-top:p(34);
                margin-right:p(20);
                div{
                    float:left;
                }
                .more{
                    margin-right:p(8);
                    h4{
                        font-size:p(24);
                        a{
                            color:black;
                        }
                    }
                }
                .arrow{
                    img{
                        width:p(25);
                        height:p(26);
                    }
                    }
            }
        }
        .title5{
            margin-top:p(63);
        }
        .but{
            overflow: hidden;
            input{
                background:#ff9344;
                width:p(147);
                height:p(75);
                border-radius: p(40);
                color:white;
            }
            .but_left{
                float:left;
                margin-left:p(109);
            }
            .but_right{
                float:right;
                margin-right:p(109);
            }
        }
    }
    footer{
        overflow: hidden;
        background:white;
        padding-bottom:p(14);
        position:fixed;
        bottom:0;
        width:100%;
        div{
            float:left;
            width:25%;
            a{
                display:block;
                text-align: center;
                img{
                    width:p(72);
                    height:p(72);
                }
            }
            h2{
                font-size:p(26);
                text-align: center;
                margin-top:p(8);
            }
        }
        
        
    }
}
